<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>支付系统</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="col-sm-12">
        <h2>欢迎使用支付系统</h2>
    </div>
    <div th:if="${user.userType!=0}" class="row">
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>已结算金额(可提现金额)</h5>
                    <h1 class="no-margins">[[${sysUserAccount.balance}]]</h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>未结算金额</h5>
                    <h1 class="no-margins">[[${sysUserAccount.outstandingBalance}]]</h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>冻结金额</h5>
                    <h1 class="no-margins">[[${sysUserAccount.freezeBalance}]]</h1>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>本日收入</h5>
                    <h1 class="no-margins">[[${sysIndexStatisticsRes.todayOrderAmount}]]</h1>
<!--                    <div class="stat-percent font-bold text-navy">98% <i class="fa fa-bolt"></i></div>-->
<!--                    <small>总收入</small>-->
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>本月收入</h5>
                    <h1 class="no-margins">[[${sysIndexStatisticsRes.monthOrderAmount}]]</h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>收入</h5>
                    <h1 class="no-margins">[[${sysIndexStatisticsRes.allOrderAmount}]]</h1>
                </div>
            </div>
        </div>
<!--        <div class="col-sm-3">-->
<!--            <div class="ibox">-->
<!--                <div class="ibox-content">-->
<!--                    <h5>搜索有收入</h5>-->
<!--                    <h1 class="no-margins">54,200</h1>-->
<!--                    <div class="stat-percent font-bold text-danger">24% <i class="fa fa-level-down"></i></div>-->
<!--                    <small>总收入</small>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
    </div>
    <div class="row">
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>本日代付</h5>
                    <h1 class="no-margins">[[${sysIndexStatisticsRes.todayWithdrawAmount}]]</h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>本月代付</h5>
                    <h1 class="no-margins">[[${sysIndexStatisticsRes.monthWithdrawAmount}]]</h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="ibox">
                <div class="ibox-content">
                    <h5>代付</h5>
                    <h1 class="no-margins">[[${sysIndexStatisticsRes.allWithdrawAmount}]]</h1>
                </div>
            </div>
        </div>
        <!--        <div class="col-sm-3">-->
        <!--            <div class="ibox">-->
        <!--                <div class="ibox-content">-->
        <!--                    <h5>搜索有收入</h5>-->
        <!--                    <h1 class="no-margins">54,200</h1>-->
        <!--                    <div class="stat-percent font-bold text-danger">24% <i class="fa fa-level-down"></i></div>-->
        <!--                    <small>总收入</small>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->
    </div>
    <div class="wrapper wrapper-content">
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script type="text/javascript">
	    $('#pay-qrcode').click(function(){
	        var html=$(this).html();
	        parent.layer.open({
	            title: false,
	            type: 1,
	            closeBtn:false,
	            shadeClose:true,
	            area: ['600px', 'auto'],
	            content: html
	        });
	    });
    </script>
</body>
</html>
